<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>首页</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="${s.base}/js/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="${s.base}/css/base/base.css" media="all" />
</head>
<body class="childrenBody">
<input type="hidden" id="name" value="${baseUserInfo.username}"/>
<blockquote class="layui-elem-quote layui-bg-green">
	<div id="nowTime"></div>
</blockquote>
<div class="layui-row layui-col-space10 panel_box">
	<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
		<a href="javascript:;">
			<div class="panel_icon layui-bg-green">
				<i class="layui-anim seraph icon-xiugai"></i>
			</div>
			<div class="panel_word">
				<span>${currentAllMember}人</span>
				<cite>总会员数</cite>
			</div>
		</a>
	</div>
	<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
		<a href="javascript:;" data-url="webDetail/listPage" target="_self">
			<div class="panel_icon layui-bg-black">
				<i class="layui-anim seraph icon-chakan"></i>
			</div>
			<div class="panel_word">
				<span>${allOrderCount}元</span>
				<em>总交易</em>
			</div>
		</a>
	</div>
	<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
		<a href="javascript:;" data-url="webMember/listPage" target="_self">
			<div class="panel_icon layui-bg-orange">
				<i class="layui-anim seraph icon-icon10" data-icon="icon-icon10"></i>
			</div>
			<div class="panel_word userAll">
				<span>${currentOrderCount}元</span>
				<em>今日交易</em>
			</div>
		</a>
	</div>
</div>

<div class="layui-row layui-col-space10">
	<div class="layui-col-lg12 layui-col-md12">
		<blockquote class="layui-elem-quote title">最近七天新增用户</blockquote>
		<div class="echarts" id="currentDayDJL" style="height:300px; height:350px"></div>
	</div>
	<div class="layui-col-lg12 layui-col-md12">
		<blockquote class="layui-elem-quote title">最近七天交易金额</blockquote>
		<div class="echarts" id="currentDayPLSL" style="height:300px; height:350px"></div>
	</div>
</div>

<script type="text/javascript" src="${s.base}/js/layui/layui.js"></script>
<script src="${s.base}/js/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="${s.base}/js/base/page/baseMain.js"></script>
<script type="text/javascript" src="${s.base}/js/echart/echarts.min.js"></script>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('currentDayDJL'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '',
            subtext: '',
            x: 'center'
        },
        color: ['#3398DB'],
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            data: ${dataList},
            axisTick: {
                alignWithLabel: true
            }
        }],
        yAxis: [{
            type: 'value'
        }],
        series: [{
            name: '会员数量',
            type: 'bar',
            barWidth: '60%',
            data: ${memberList}
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    // 基于准备好的dom，初始化echarts实例
    var myChartC = echarts.init(document.getElementById('currentDayPLSL'));

    // 指定图表的配置项和数据
    var optionC = {
        title: {
            text: '',
            subtext: '',
            x: 'center'
        },
        color: ['#3398DB'],
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            data: ${dataList},
            axisTick: {
                alignWithLabel: true
            }
        }],
        yAxis: [{
            type: 'value'
        }],
        series: [{
            name: '消费数量',
            type: 'bar',
            barWidth: '60%',
            data: ${recordList}
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChartC.setOption(optionC);

</script>
</body>
</html>